<!--
  Generated template for the NewPage page.

  See http://ionicframework.com/docs/v2/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>个人信息</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <form [formGroup]="myGroup">
    <div class="list">
      <ion-item>
        <label class="item item-input item-stacked-label">
          <span class="input-label">用户名</span>
          <input type="text" placeholder="John" disabled="disabled"  formControlName="userid">
        </label>
      </ion-item>
      <ion-item>
        <label class="item item-input item-stacked-label">
          <span class="input-label">手机号</span>
          <input type="text" placeholder="Suhr" disabled="disabled" formControlName="phoneno" >
        </label>
      </ion-item>
      <ion-item>
        <label class="item item-input item-stacked-label">
          <span class="input-label">姓名</span>
          <input type="text" placeholder="Suhr" formControlName="phoneno">
        </label>
      </ion-item>
      <ion-item>       
        <ion-label style="color:black">性别</ion-label> 
        <ion-select>
          <ion-option value="f">男</ion-option>
          <ion-option value="m">女</ion-option>
        </ion-select>
      </ion-item>
      <ion-item>
        <label class="item item-input item-stacked-label">
          <span class="input-label">出生日期</span>
          <input type="date" placeholder="Suhr" formControlName="phoneno">
        </label>
      </ion-item>
      <ion-item>
        <label class="item item-input item-stacked-label">
          <span class="input-label">职业</span>
          <input type="text" placeholder="Suhr" formControlName="phoneno">
        </label>
      </ion-item>
      <ion-item>
        <label class="item item-input item-stacked-label">
          <span class="input-label">公司名称</span>
          <input type="text" placeholder="Suhr" formControlName="phoneno">
        </label>
      </ion-item>
      <ion-item>
        <label class="item item-input item-stacked-label">
          <span class="input-label">地址</span>
          <input type="text" placeholder="Suhr" formControlName="phoneno">
        </label>
      </ion-item>
      <ion-item>
        <label class="item item-input item-stacked-label">
          <span class="input-label">邮箱</span>
          <input type="text" placeholder="Suhr" formControlName="phoneno">
        </label>
      </ion-item>
    </div>
  </form>
  <button ion-button full (click)="GetCode($event)">提交修改</button>
</ion-content>
